<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Panel Administrador</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/jquery.dataTables.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/timeline/timeline.css" rel="stylesheet">
    <link href="css/sb-admin.css" rel="stylesheet">
</head>
	
	<body>
		
		<div class="row">
			<div class="col-md-4"></div>
			<div class="col-md-4">
				<br/>
				<br/>
				<div class = "text-center"><img src = "img/logos.png"></div>
				<br/>
				<br/>
				<div class="col-xs-12">
					<h1 class = "text-center">Bienvenido</h1>
					<h1 class = "text-center"></h1><br/><br/>
					<h4 class = "text-center">Inicia sesi&oacute;n para empezar</h4>
				</div>
				<br/>
				<div>
					<div class="col-xs-1"></div>
					<div class="col-xs-10">
						<form>
							<br/><br/>
							<br/><br/>
							<div class="col-xs-3"></div>
							<input class = "col-xs-6 btn btn-primary" value= "Ingresar" data-toggle="modal" data-target="#myModal1">
							<div class="col-xs-3"></div>
							<br/><br/>
							<br/><br/><br/><br/>
						</form>
					</div>
					<div class="col-xs-1"></div>
				</div>
			</div>
			<div class="col-xs-4"></div>
		</div>
		
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myModalLabel">Iniciar Sesión</h4>
				</div>
				<div class="modal-body">
					<form action="main.php">
						&nbsp&nbsp&nbsp&nbspUsuario<br/><div class = "col-xs-12"><input type = "text" class = "form-control"></div><br/>
						&nbsp&nbsp&nbsp&nbspContrase&ntilde;a<br/><div class = "col-xs-12"><input type = "password" class = "form-control"></div><br/>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
							<button type="submit" class="btn btn-primary">Continuar</button>
						</div>
					</form>
				</div>	
			</div>
		  </div>
		</div>
		
		<div class="clearfix"></div>
		
		<!-- Javascript files -->
		<!-- jQuery -->
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/sb-admin.js"></script>
	</body>	
</html>